50 projects - to do list

# 伪代码

listen submit? 

adddTodo(?){
  #输入的文字
  let todoText = input.value

   # 1.what is ? ?  2. what is classList.add? 3 why set innerText
   if(todoText){
          const todoEL = document.createElement("li")
          
          //if( ？ && ？.completed){
          //    todoEL.classList.add("completed")
          //}
          
           todoEL.innerText = todoText

            todosUL.appendChild(todoEL)
            console.log(todosUL)
            
            todo.value = ""

      }

}

todoEL.addEventListener("click",()=>todoEL.classList.toggle("completed"))

todoEL.addEventListener("contextmenu",(e)=>{
	e.preventDefault()
	todoEL.remove()
})

// change string to array
const todos = JSON.parse(localStorage.getItem("todos"))

if (todos){
    todos.forEach(todo => addToDo(todo))
}


方法1/2/3{
 ...
 updateLS()
}



function updateLS(){
        todosEL = document.querySelectorAll("li")
        
        todosEL.forEach(todoEL =>{
            todos.push({
                text: todoEL.innerText,
                completed: todoEL.classList.contains("completed")
            })
        })
         // todos is an object, change it to string
        localStorage.setItem("todos",JSON.stringify(todos))
    }